<div ng-controller="apartmentInfoController">
    <div class="header-container">
        <head_bar></head_bar>
        <tool-bar></tool-bar>
    </div>


    <div class="base-content-main">
        <div class="apamentinfo-box">
            <div class="apa-title-box">
                <div class="base-line-center pro-info-title pro-bottom-title">房源信息
                    <p class="pro-bottom-titles">编号：{{ApamentListInfo.num}}</p>
                </div>
                <img ng-show="true" class="pro-edit-icon base-line-center"
                     ng-click="showCompanyEdit(ApamentListInfo.id)" src="img/apament/edit.png" alt=""
                     id="{{ApamentListInfo.id}}">
            </div>
                    <div class="pic-contain">
                    <div class="pro-pictures"><img id="big-pro-picture" src="{{ApamentListInfo.pictures[0]}}"/>
                    </div>
                    <div class="apa-img">
                        <div class="top-img-box" onclick="angular.element(this).scope().showPreImage(this)">
                            <img class="top-img" src="img/apament/top.png">
                        </div>
                        <div class="image-container"  style="position: absolute">
                            <div class="apa-img-box" ng-repeat="picture in ApamentListInfo.pictures"><img ng-click="showCurrentPicture(picture)" src="{{picture}}"/></div>
                        </div>
                        <div class="bottom-ing-box" onclick="angular.element(this).scope().showNextImage(this)"><img class="bottom-img" src="img/apament/bottom.png"></div>

                    </div>
                </div>
                <div class="apa-housesinfo">
                    <div class="apa-house-name">
                        <div class="apa-houses-text">{{ApamentListInfo.name}}
                        </div>
                        <div class="apa-houses-area">{{ApamentListInfo.subway}}</div>
                        <div class="apa-houses-money">￥{{ApamentListInfo.price}}</div>

                    </div>
                    <div class="apa-houses-Introduction">
                        <div class="apa-houses-info"><span class="apa-housesinfo-title">面积</span>
                            <p class="apa-housesinfo-title-1">{{ApamentListInfo.area}}<span>m</span><sup>2</sup></p></div>
                        <div class="apa-houses-info"><span class="apa-housesinfo-title">朝向</span>
                            <p class="apa-housesinfo-title-1">{{ApamentListInfo.orientation}}</p></div>
                        <div class="apa-houses-info"><span class="apa-housesinfo-title">户型</span>
                            <p class="apa-housesinfo-title-1">{{ApamentListInfo.type}}</p></div>
                        <div class="apa-houses-info"><span class="apa-housesinfo-title">楼层</span>
                            <p class="apa-housesinfo-title-1">{{FloorHeight}}</p></div>
                        <div class="apa-houses-infos"><span class="apa-housesinfo-title">交通</span>
                            <p class="apa-housesinfo-title-1">{{ApamentListInfo.subwayDistance}}</p></div>

                    </div>
                    <div class="tags-info-boxs">
                        <div class="tags-info-{{item.length}}" ng-repeat="item in ApamentListInfo.tags.slice(0,4)">
                            {{item}}
                        </div>
                    </div>

                </div>


        </div>

        <div class="apamentinfo-botton-box">
            <div class="apa-title-box"><p class="base-line-center pro-info-title pro-bottom-title">房源设备信息</p>

                <img ng-show="true" class="pro-edit-icon base-line-center"
                     ng-click="showCompanyEdit(ApamentListInfo.id)" src="img/apament/edit.png" alt="">
            </div>
            <div class="pro-equipment">
                <div class="apamentinfo">
                    <div class="apament-facilities">房源设施：周边</div>

                    <div class="apament-around">周边：{{ApamentListInfo.around}}</div>
                    <div class="apament-traffic">交通：{{ApamentListInfo.traffic}}</div>
                </div>
                <!--<div class="pro-equipment-base-box">-->
                <!--<div class="apament-conment-box">-->
                <!-- -->
                <!--</div>-->
                <!--</div>-->
                <div class="pro-equipment-box">
                    <div class="facilities-text">房源设备：配置</div>
                    <div class="facilities-box">
                        <div class="facilities-img" ng-class="{true:'hide-border'}[ApamentListInfo.facilities[0] == undefined]">
                            <div class="facilities-img-left"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[0] == undefined]"><span
                                    class="facilities-img-text"><img
                                    src="{{'img/configuration/'+ pictureNameInfo[ApamentListInfo.facilities[0]] +'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[0]}}</p></div>
                            <div class="facilities-img-intermediate"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[1] == undefined]"><span
                                    class="facilities-img-text"><img
                                    src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[1]]+'.png'}}"></span>
                                <p class="fa-img-text">
                                    {{ApamentListInfo.facilities[1]?ApamentListInfo.facilities[1]:""}}</p></div>
                            <div class="facilities-img-left"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[2] == undefined]"><span
                                    class="facilities-img-text"><img
                                    src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[2]]+'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[2]}}</p></div>
                        </div>
                        <div class="facilities-img-box" ng-class="{true:'hide-border'}[ApamentListInfo.facilities[3] == undefined]">
                            <div class="facilities-img-left1"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[3] == undefined]"><span
                                    class="facilities-img-text1"><img
                                    src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[3]]+'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[3]}}</p></div>
                            <div class="facilities-img-intermediate1"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[4] == undefined]"><span
                                    class="facilities-img-text1"><img
                                    src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[4]]+'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[4]}}</p></div>
                            <div class="facilities-img-left1"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[5] == undefined]"><span
                                    class="facilities-img-text1"><img
                                    src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[5]]+'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[5]}}</p></div>

                        </div>
                        <div class="facilities-img1" ng-class="{true:'hide-border'}[ApamentListInfo.facilities[6] == undefined]">
                            <div class="facilities-img-left"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[6] == undefined]"><span
                                    class="facilities-img-text"><img
                                    ng-src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[6]]+'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[6]}}</p></div>
                            <div class="facilities-img-intermediate"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[7] == undefined]"><span
                                    class="facilities-img-text"><img
                                    src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[7]]+'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[7]}}</p></div>
                            <div class="facilities-img-left"
                                 ng-class="{true:'hidden-tag'}[ApamentListInfo.facilities[8] == undefined]"><span
                                    class="facilities-img-text"><img
                                    src="{{'img/configuration/'+pictureNameInfo[ApamentListInfo.facilities[8]]+'.png'}}"></span>
                                <p class="fa-img-text">{{ApamentListInfo.facilities[8]}}</p></div>
                        </div>
                    </div>

                </div>
            </div>

        </div>

    </div>
    <apartment-delect></apartment-delect>

</div>
